<%--
share/link?shareid=123&fid=132
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title></title>
    <style type="text/css">
        /*.module-share-file-main*/ .video-file-detail {
            border: 1px solid #f1f2ee;
            padding: 36px 0 48px;
        }
        /*.module-share-file-main*/ .video-frame {
            position: relative;
            width: 100%;
        }
        /*.module-share-file-main*/ .video-thumb {
            width: 440px;
            height: 326px;
            line-height: 326px;
            background: #000;
            margin: 0 auto;
            text-align: center;
        }
        /*.module-share-file-main*/ .video-thumb img {
            visibility: hidden;
            vertical-align: middle;
        }
        /*.module-share-file-main*/ .video-thumb-mask-pure {
            opacity: .3;
            filter: alpha(opacity=30);
            -ms-filter: "alpha(opacity=30)";
        }
        /*.module-share-file-main*/ .video-thumb-mask-pure, /*.module-share-file-main*/ .video-thumb-mask-dark {
            position: absolute;
            top: 0;
            /*left: 135px;*/
            width: 440px;
            height: 326px;
            background: #000;
            left: 410px;
        }

        .view-failed {
            display: none;
            text-align: center;
            color: #ccc;
            margin: 180px 0 0;
            font-weight: 700;
            font-size: 14px;
            padding: 159px 0 0;
            _padding-top: 150px;
            background: url(/img/view_share_doc_fail_af37143.png) 50% 0 no-repeat;
        }
        /*.module-share-file-main*/ .video-thumb-failed {
            position: absolute;
            left: 50%;
            top: 50%;
            margin: -90px 0 0 -120px;
            padding-top: 159px;
            height: 21px;
            _height: 180px;
            width: 240px;
            font-size: 14px;
            font-weight: 700;
            color: #ccc;
            text-align: center;
            background: url(/img/view_share_video_fail_283b16d.png) 50% 0 no-repeat;
        }
        /*.module-share-file-main*/ .view-failed {
            display: none;
        }

        /*module-share-file-main*/ .video-play {
            position: absolute;
            left: 50%;
            top: 50%;
            width: 58px;
            height: 57px;
            margin-top: -29px;
            margin-left: -28.5px;
            background: url(/img/video_share_play_601cff6.png) 0 -57px no-repeat;
            _background: url(/img/video_share_play_ie6_d70e724.png) 0 -57px no-repeat;
            cursor: pointer;
        }

        /*.module-share-file-main*/ .video-thumb-info {
            display: none;
            text-align: center;
            position: absolute;
            left: 135px;
            top: 0;
            width: 440px;
            height: 326px;
            line-height: 326px;
            vertical-align: middle;
            color: #fff;
            font-weight: bolder;
        }
        /*.module-share-file-main*/ .video-thumb-info a {
            cursor: pointer;
        }
        a {
            color: #06c;
            text-decoration: none;
        }
    </style>
</head>
<body>
<div class="share-file-viewer">
    <div class="video-file-detail">
        <div class="video-frame">
            <div class="video-thumb">
                <img id="videoThumb" alt="longkeyy" src="/img/b0d052a371ae183a12e383347439f4e0.jpeg" style="height: auto; width: auto; visibility: visible;">
            </div>
            <div class="video-thumb-mask-pure"></div>
            <div id="viewFailed" class="view-failed video-thumb-failed">
                预览不成功，保存后可以在线观看哦
            </div>
            <a href="javascript: void(0)" class="video-play"></a>
            <div class="video-thumb-info">1秒钟<a class="video-save-btn">保存到我的网盘</a>，立即在线播放</div>
        </div>
    </div>
</div>
</body>
</html>
